/**
 * The file contains styles for GWT widgets in the Clean theme, in RTL mode.
 *
 * In order to maintain cross-browser compatibility, the following syntax is
 * used to create IE6 specific style rules:
 *    .gwt-Widget {
 *      property: rule applies to all browsers
 *      -property: rule applies only to IE6 (overrides previous rule)
 *    }
 *    * html .gwt-Widget {
 *      property: rule applies to all versions of IE
 *    }
 */

.grad-ContextMenu {
  cursor: default;
}
.grad-ContextMenu .gwt-MenuItem {
  cursor: default;
  font-family: Arial Unicode MS, Arial, sans-serif;
}
.grad-ContextMenu .gwt-MenuItem-selected {
  background: #E3E8F3;
}
.grad-ContextMenu-horizontal {
  background: #e3e8f3 url(../../gwt/clean/images/hborder.png) repeat-x 0px -2003px;
  border: 1px solid #e0e0e0;
}
.grad-ContextMenu-horizontal .gwt-MenuItem {
  padding: 5px 10px;
  vertical-align: bottom;
  color: #000;
  font-weight: bold;
}
.grad-ContextMenu-horizontal .gwt-MenuItemSeparator {
  width: 1px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-right: 1px solid #ccc;
  background: white;
}
.grad-ContextMenu-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
  width: 1px;
  height: 1px;
  background: white; 
}
.grad-ContextMenu-vertical {
  margin-top: 0px;
  margin-right: 0px;
  background: white;
}
.grad-ContextMenu-vertical table {
  border-collapse: collapse;
}
.grad-ContextMenu-vertical .gwt-MenuItem {
  padding: 2px 1px 2px 40px;
}
.grad-ContextMenu-vertical .gwt-MenuItemSeparator {
  padding: 2px 0px;
}
.grad-ContextMenu-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
  height: 1px;
  padding: 0px;
  border: 0px;
  border-top: 1px solid #ccc;
  overflow: hidden;
}
.grad-ContextMenu-vertical .subMenuIcon {
  padding-left: 4px;
}
.grad-ContextMenu-vertical .subMenuIcon-selected {
  background: #E3E8F3;
}
.grad-ContextMenuPopup {
  margin: 0px 3px 0px 0px;
}
.grad-ContextMenuPopup .menuPopupTopCenter {
  background: url(../../gwt/clean/images/hborder.png) 0px -12px repeat-x;
}
.grad-ContextMenuPopup .menuPopupBottomCenter {
  background: url(../../gwt/clean/images/hborder.png) 0px -13px repeat-x;
  -background: url(../../gwt/clean/images/hborder_ie6.png) 0px -13px repeat-x;
}
.grad-ContextMenuPopup .menuPopupMiddleLeft {
  background: url(../../gwt/clean/images/vborder.png) -12px 0px repeat-y;
  -background: url(../../gwt/clean/images/vborder_ie6.png) -12px 0px repeat-y;
}
.grad-ContextMenuPopup .menuPopupMiddleRight {
  background: url(../../gwt/clean/images/vborder.png) -13px 0px repeat-y;
  -background: url(../../gwt/clean/images/vborder_ie6.png) -13px 0px repeat-y;
}
.grad-ContextMenuPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}
.grad-ContextMenuPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}
.grad-ContextMenuPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.grad-ContextMenuPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}
.grad-ContextMenuPopup .menuPopupTopLeft {
  background: url(../../gwt/clean/images/corner.png) no-repeat 0px -36px;
  -background: url(../../gwt/clean/images/corner_ie6.png) no-repeat 0px -36px;
}
.grad-ContextMenuPopup .menuPopupTopRight {
  background: url(../../gwt/clean/images/corner.png) no-repeat -5px -36px;
  -background: url(../../gwt/clean/images/corner_ie6.png) no-repeat -5px -36px;
}
.grad-ContextMenuPopup .menuPopupBottomLeft {
  background: url(../../gwt/clean/images/corner.png) no-repeat 0px -41px;
  -background: url(../../gwt/clean/images/corner_ie6.png) no-repeat 0px -41px;
}
.grad-ContextMenuPopup .menuPopupBottomRight {
  background: url(../../gwt/clean/images/corner.png) no-repeat -5px -41px;
  -background: url(../../gwt/clean/images/corner_ie6.png) no-repeat -5px -41px;
}
* html .grad-ContextMenuPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}
* html .grad-ContextMenuPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  overflow: hidden;
}
* html .grad-ContextMenuPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}
* html .grad-ContextMenuPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}

.gwt-PopupPanel {
  border: 3px solid #e7e7e7;
  padding: 3px;
  background: white;
}

.grad-ContextMenu-DecoratedPopupPanel .popupContent {
}
.grad-ContextMenu-DecoratedPopupPanel .popupMiddleCenter {
  padding: 3px;
  background: #f1f1f1;
}
.grad-ContextMenu-DecoratedPopupPanel .popupTopCenter {
  background: url(../../gwt/clean/images/hborder.png) 0px -2937px repeat-x;
}
.grad-ContextMenu-DecoratedPopupPanel .popupBottomCenter {
  background:  url(../../gwt/clean/images/hborder.png) repeat-x 0px -2938px;
  -background: url(../../gwt/clean/images/hborder_ie6.png) repeat-x 0px -2138px;
}
.grad-ContextMenu-DecoratedPopupPanel .popupMiddleLeft {
  background: url(../../gwt/clean/images/vborder.png) -21px 0px repeat-y;
}
.grad-ContextMenu-DecoratedPopupPanel .popupMiddleRight {
  background: url(../../gwt/clean/images/vborder.png) repeat-y -24px 0px;
  -background: url(../../gwt/clean/images/vborder_ie6.png) repeat-y -24px 0px;
}
.grad-ContextMenu-DecoratedPopupPanel .popupTopLeftInner {
  width: 6px;
  height: 5px;
  zoom: 1;
}
.grad-ContextMenu-DecoratedPopupPanel .popupTopRightInner {
  width: 6px;
  height: 5px;
  zoom: 1;
}
.grad-ContextMenu-DecoratedPopupPanel .popupBottomLeftInner {
  width: 6px;
  height: 6px;
  zoom: 1;
}
.grad-ContextMenu-DecoratedPopupPanel .popupBottomRightInner {
  width: 6px;
  height: 6px;
  zoom: 1;
}
.grad-ContextMenu-DecoratedPopupPanel .popupTopLeft {
  background: url(../../gwt/clean/images/circles.png) no-repeat 0px -16px;
  -background: url(../../gwt/clean/images/circles_ie6.png) no-repeat 0px -16px;
}
.grad-ContextMenu-DecoratedPopupPanel .popupTopRight {
  background: url(../../gwt/clean/images/circles.png) no-repeat -6px -16px;
  -background: url(../../gwt/clean/images/circles_ie6.png) no-repeat -6px -16px;
}
.grad-ContextMenu-DecoratedPopupPanel .popupBottomLeft {
  background: url(../../gwt/clean/images/circles.png) no-repeat 0px -21px;
  -background: url(../../gwt/clean/images/circles_ie6.png) no-repeat 0px -21px;
}
.grad-ContextMenu-DecoratedPopupPanel .popupBottomRight {
  background: url(../../gwt/clean/images/circles.png) no-repeat -6px -21px;
  -background: url(../../gwt/clean/images/circles_ie6.png) no-repeat -6px -21px;
}
* html .grad-ContextMenu-DecoratedPopupPanel .popupTopLeftInner {
  width: 6px;
  height: 5px;
  overflow: hidden;
}
* html .grad-ContextMenu-DecoratedPopupPanel .popupTopRightInner {
  width: 6px;
  height: 5px;
  overflow: hidden;
}
* html .grad-ContextMenu-DecoratedPopupPanel .popupBottomLeftInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}
* html .grad-ContextMenu-DecoratedPopupPanel .popupBottomRightInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}

.gwt-PopupPanelGlass {
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}